.Del-Bolg-container {
    zoom: 1;
    width: 100%;
    .Bolg-container-content {
        .center;
        .contact-Bolg;
        color: #8f8f8f;
        padding: 60px 0;
        a {
            color: #8F8F8F;
            &:hover {
                color: #449D44;
            }
        }
        .container-content-left {
            float: left;
            .container-page-wrapper {
                margin-right: 500px;
                .container-show {
                    position: relative;
                    overflow: hidden;
                    width: 750px;
                    max-height: 400px;
                    margin: 0 auto;
                    .container-show-box {
                        width: 3000px;
                        img {
                            zoom: 1;
                            max-width: 750px;
                            width: 100%;
                            max-height: 400px;
                            height: auto;
                            border: 0;
                        }
                    }
                    ul {
                        position: absolute;
                        bottom: 15px;
                        left: 50%;
                        margin-left: -50px;
                        li {
                            position: relative;
                            display: inline-block;
                            height: 10px;
                            width: 10px;
                            border-radius: 100%;
                            background: #FFFFFF;
                            margin-right: 8px;
                            transition: all 0.2s;
                            &:hover {
                                width: 15px;
                                height: 15px;
                                top: 3px;
                            }
                        }
                        li.on {
                            width: 15px;
                            height: 15px;
                            top: 3px;
                        }
                    }
                }
                .content-left-strategy {
                    .border-bottom;
                    padding: 25px 0;
                    h4 {
                        margin-bottom: 20px;
                    }
                    ul {
                        li {
                            float: left;
                            margin-right: 10px;
                            margin-bottom: 10px;
                            text-align: center;
                            background-color: #EFEFEF;
                            i {
                                color: #666261;
                            }
                            a {
                                font-size: 14px;
                                font-weight: 600;
                                display: inline-block;
                                padding: 8px 15px;
                            }
                            &:hover {
                                color: #FFFFFF;
                                background-color: #449D44;
                                a {
                                    color: #FFFFFF;
                                    i {
                                        color: #FFFFFF;
                                    }
                                }
                            }
                        }
                    }
                    p.address {
                        margin-top: 15px;
                    }
                }
                .content-left-share {
                    ul {
                        margin: 30px 0 50px;
                        li {
                            position: relative;
                            display: inline-block;
                            margin-right: 15px;
                            .tweet,
                            .like,
                            .pinit {
                                float: left;
                                padding: 5px 12px;
                                font-size: 14px;
                            }
                            .tweet,
                            .like {
                                color: #FFFFFF;
                            }
                            .tweet {
                                background-color: #00BCF6;
                            }
                            .like {
                                background-color: #4165AF;
                            }
                            .pinit {
                                width: 56px;
                                height: 32px;
                                background-color: #F8F8F8;
                                background: url("../img/bolg-img-01.png") no-repeat 10px -46px;
                            }
                            .number,
                            .pinit {
                                border: 1px solid #CCCCCC;
                            }
                            .number {
                                padding: 3px 12px;
                                float: left;
                                margin-left: 8px;
                                position: relative;
                            }
                            .number:before {
                                content: '';
                                width: 0;
                                height: 0;
                                position: absolute;
                                top: 30%;
                                left: -14px;
                                display: inline-block;
                                .triangle (left, @size: 7px, @color: #CCCCCC);
                            }
                            .number:after {
                                content: '';
                                width: 0;
                                height: 0;
                                position: absolute;
                                top: 30%;
                                left: -12px;
                                display: inline-block;
                                .triangle (left, @size: 7px, @color: #FFFFFF);
                            }
                        }
                    }
                }
                .content-left-comments {
                    h4 {
                        margin: 0;
                        padding-bottom: 13px;
                        .border-bottom;
                    }
                    .comments-content {
                        padding: 10px 0 55px;
                        ul {
                            li {
                                zoom: 1;
                                margin-top: 30px;
                                position: relative;
                                .comments-hd {
                                    zoom: 1;
                                    position: absolute;
                                    width: 49px;
                                    top: 0;
                                    left: 0;
                                }
                                .comments-dd {
                                    margin-left: 90px;
                                    .border-bottom;
                                    h5 {
                                        float: left;
                                        font-size: 16px;
                                        a {
                                            color: #666262;
                                        }
                                    }
                                    .time {
                                        float: right;
                                        font-size: 14px;
                                        a {
                                            color: #449D44;
                                        }
                                    }
                                    p {
                                        float: left;
                                        margin: 10px 0 20px;
                                    }
                                }
                            }
                        }
                    }
                }
                .content-left-leave {
                    h4 {
                        margin: 0;
                        padding-bottom: 13px;
                        .border-bottom;
                    }
                    .leave-comment {
                        padding-top: 40px;
                        .information {
                            margin-bottom: 30px;
                            input[type="text"] {
                                float: left;
                                width: 350px;
                                height: 40px;
                                padding: 5px 10px;
                            }
                            div {
                                float: left;
                                margin: 6px 0 0 20px;
                                h5 {
                                    span {
                                        color: #E74C3C;
                                    }
                                }
                                p {
                                    font-size: 14px;
                                }
                            }
                        }
                        textarea {
                            width: 100%;
                            height: 210px;
                            resize: none;
                            margin-bottom: 30px;
                        }
                    }
                }
            }
        }
        .container-content-right {
            width: 370px;
            margin-left: -100%;
            float: right;
            padding-right: 20px;
            .contact {
                margin-bottom: 30px;
                ul {
                    li {
                        padding: 10px 0;
                        .border-bottom;
                        &:hover {
                            background-color: #EFEFEF;
                        }
                    }
                    li.active {
                        border: none;
                    }
                }
            }
        }
    }
}
@media only screen and (max-width: 1250px) {
    .Del-Bolg-container {
        .Bolg-container-content {
            width: 95%;
            margin: 0 auto;
            .container-content-left {
                .content-left-strategy {
                    ul {
                        li {
                            width: 45%;
//                          background-color: #EFEFEF;
//                          &:hover {
//                              color: #FFFFFF;
//                              background-color: #449D44;
//                              i {
//                                  color: #FFFFFF;
//                              }
//                          }
                        }
                    }
                }
            }
        }
    }
}
@media only screen and (max-width: 1024px) {
    .Del-Bolg-container {
        .Bolg-container-content {
            .container-content-left {
                float: none;
                .container-page-wrapper {
                    margin-right: 0;
                    .content-left-leave {
                        .leave-comment {
                            .information {
                                input[type="text"] {
                                    width: 60%;
                                }
                            }
                        }
                    }
                }
            }
            .container-content-right {
                width: 100%;
                margin-left: 0;
                float: none;
                margin-top: 30px;
                .contact {
                    margin-bottom: 0;
                    float: left;
                    width: 30%;
                    margin-right: 1%;
                    ul {
                        li {
                            padding: 0;
                            border-bottom: none;
                            &:hover {
                                background-color: #EFEFEF;
                            }
                        }
                        li.active {
                            border: none;
                        }
                    }
                }
            }
        }
    }
}
@media only screen and (max-width: 768px) {
    .Del-Bolg-container {
        .Bolg-container-content {
            .container-content-right {
                .contact {
                    margin-bottom: 20px;
                    float: left;
                    width: 47%;
                    margin-right: 3%;
                }
            }
        }
    }
}
@media only screen and (max-width: 500px) {
    .Del-Bolg-container {
        .Bolg-container-content {
            .container-content-right {
                .contact {
                    margin-bottom: 20px;
                    float: left;
                    width: 100%;
                    margin-right: 0;
                }
            }
        }
    }
}